import Vue from 'vue'
import Router from 'vue-router'
import login from '../components/login.vue'
import home from '../components/home.vue'
import welcome from '../components/welcome.vue'

Vue.use(Router)

const router =  new Router({
  routes: [
	  // 访问斜线的时候，重新定义到Login
	  {path:'/',redirect:'/login'},
	  // 当用户访问Login的时候，component就是展示Login组件
	  {path:'/login',component:login},
	//   home页面
	  {
		  path:'/home',
		  component:home,
		  redirect:'/welcome',
			children:[{path:'/welcome',component:welcome}]
	  }
  ]
})
// 挂载路由导航守卫
router.beforeEach((to,from,next)=>{
	// to将要访问的路径from代表从哪个路径跳转而来
	// next是一个函数，表示放行
	// next（）放行 next('/login') 强制跳转
	if(to.path === '/login') return next();
	// 获取token
	const tokenStr = window.sessionStorage.getItem('token')
	if(!tokenStr)return next('/login')
	next()
})
export default router